.bottom{
  display: flex;
  justify-content: space-between;
  > p {
    line-height: 18px;
    > a {
      border-radius: 50px;
      width: 100px;
      border: 1px solid #ff4800;
      color: #ff4800;
      margin: 0px 2px -5px 15px;
      padding: 6px;
      display: inline-block;
    }
    > a:hover {
      background: #ff4800;
      color: #fff;
    }
  }
}
.pager{
  list-style:none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 288px;
  li:first-child{
    padding-right: 23px
  }
  li:last-child{
    padding-left: 23px
  }
  a.page-link{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:5px;
    transition: .3s ease-in-out;
    background:#ddd;
    margin-bottom: 3px;
  }
  a.page-link:global(.active){
    width:43px;
    background:#ff4800;
  }
  a.page-link:hover{
    background:#ff4800;
  }
  a:hover svg{
    fill: #ff4800;
  }
  svg{
    width: 30px;
    height: 30px;
    fill:#ddd;
  }
}
.designer-items{
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  a{
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    border-radius: 8px;
    filter: drop-shadow(0px 1px 2px rgba(0,0,0,.15));
  }
  img{
    max-height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  li{
    display: inline-block;
    margin-left: 39px;
  }
}
.designer-info{
  display: inline-block;
  vertical-align: top;
  .description{
    display: inline-block;
    width: 288px;
    overflow:hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 2.4em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 10px;
  }
  /* create the ... */
  .description:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
  }
  /* hide ... if we have text, which is less than or equal to max lines */
  .description:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height */
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
  }

  button{
    border-radius: 50px;
    width: 100px;
    background: #ff4800;
    border: none;
    color: #fff;
    margin-top: 23px;
    padding: 6px;
  }
  p{
    margin-left: 20px;
    width:288px;
  }
  a:hover .name {
    color: #ff4800;
  }
  .description{
    color:rgba(0,0,0,.65)
  }
  .name{
    font-size: 18px;
    color:rgba(0,0,0,.85);
    font-weight: bold;
  }
  .name:after{
    content: "\A";
    white-space: pre;
  }
  .profile-image > img{
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .profile-image{
    width: 100px;
    height: 100px;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
  }
  a{
    display: flex;
    align-items: center;
  }
}
.section-designer{
  width: 1129px;
  overflow: hidden;
  position: relative;
  margin: 60px auto 0;
  > :global(.col1){
    margin-left: 0;
  }
  > :global(.col2){
    margin-left: -1129px;
  }
  > :global(.col3){
    margin-left: -2258px;
  }
  > :global(.col4){
    margin-left: -3387px;
  }
  > :global(.col5){
    margin-left: -4516px;
  }
  > ul > li:nth-child(2n){
    position: absolute;
    margin: 238px 0 0 -1129px;
  }
  > ul > li{
    width: 1129px;
    display: inline-block;
    vertical-align: top;
  }
  > ul{
    list-style: none;
    transition: .3s ease-in-out;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 10000px;
    height: 466px;
  }
}